/*鍏叡鏍峰紡*/
*{margin: 0;padding: 0;list-style: none;}
html,body{margin: 0 auto;}
body{overflow-x: hidden;}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td ,header,section,footer{ margin: 0; padding: 0 }
body, button, input, select, textarea {
    font: 12px/1.5 "寰蒋闆呴粦";
    color:#333;
}

a{text-decoration: none;color: black;}
.clear{clear:both;}
.clear:after{display: block;content: "";clear: both;}

.fl{float: left;}
.fr{float: right;}


img{border: 0;display: inline-block;vertical-align: middle;}
/*瀛椾綋寮曠敤*/
@font-face{
    font-family: 'BellCentennialBT-BoldListing';
    src: url('BellCentennialBT-BoldListing.eot');
    src: local('fontName Regular'),
    local('fontName'),
    url('BellCentennialBT-BoldListing.woff') format('woff'),
    url('BellCentennialBT-BoldListing.TTF') format('truetype'),
    url('BellCentennialBT-BoldListing.svg#fontName') format('svg');
}

@font-face{
    font-family: 'Aldine401BT-BoldA';
    src: url('Aldine401BT-BoldA.eot');
    src: local('fontName Regular'),
    local('fontName'),
    url('Aldine401BT-BoldA.woff') format('woff'),
    url('Aldine401BT-BoldA.TTF') format('truetype'),
    url('Aldine401BT-BoldA.svg#fontName') format('svg');
}

@font-face{
    font-family: '鏂规鍏颁涵绮楅粦_GBK';
    src: url('鏂规鍏颁涵绮楅粦_GBK.eot');
    src: local('fontName Regular'),
    local('fontName'),
    url('鏂规鍏颁涵绮楅粦_GBK.woff') format('woff'),
    url('鏂规鍏颁涵绮楅粦_GBK.TTF') format('truetype'),
    url('鏂规鍏颁涵绮楅粦_GBK.svg#fontName') format('svg');
}

.top{width: 100%;height: 39px;background-color: #d8b672;line-height: 39px;color: #ffebc3;font-size: 14px;}
.top .top-nav{width: 1200px;height: 100%;margin: 0 auto;}
.top .top-nav .top-left{width: 50%;height: 100%;}
.top .top-nav .top-right span{display: block;margin-right: 20px;}
.top .top-nav .top-right span img{margin-right: 10px;}
.top .top-nav .top-right strong{font-family: "BellCentennialBT-BoldListing";font-weight: bold;font-size: 14px;}
.head{width: 100%;height: 105px;}
.head .head-meun{width: 1200px;height:100%;margin: 0 auto;font-size: 16px;}
.head .head-meun a.logo{display: block;width: 262px;height: 100%;position: relative;float: left;}
.head .head-meun a.logo img{position: absolute;top: 0;left: 0;right: 0;bottom: 0;max-height: 100%;max-width: 100%;display: block;margin: auto;}
.head .head-meun .menu{float: right;}
.head .head-meun ul li{float: left;height: 40px;line-height: 40px;margin-top: 30px;}
.head .head-meun ul li a{display: block;padding: 0 30px;height: 40px;line-height: 40px;}
.head .head-meun ul li a:hover{background-color: #d8b672;color: #fff;}
.head .head-meun ul li a.on{background-color: #d8b672;color: #fff;}

/*杞挱*/

.section{width: 100%;}
.section .sliders{max-width: 1920px;width:100%;height: 553px;overflow: hidden;position: relative;margin: 0 auto;}
.section .sliders .bd{position: relative;height: 100%;z-index: 0;width: 100%;}
.section .sliders .bd li{zoom:1;vertical-align: middle;height: 553px;max-width: 1920px;margin: auto;}
.section .sliders .prev,.sliders .next{position: absolute;top: 40%;width: 79px;height: 119px;background: url("banner-Pn.png") 0 0 no-repeat;}
.section .sliders .prev{left: 0;}
.section .sliders .next{right: 0;background-position-y: -119px;}
.section .sliders .prev:hover,.slidebox .next:hover{background-position-x:-79px;}
/*浜у搧涓績*/
.product{width: 100%;height: 485px;margin-top: 42px;}
.product .product-m{width: 1200px;height: 100%;margin: 0 auto;}
.hd{width: 192px;height: 100%;float: left;}
.product .product-m .hd .top{width: 100%;height: 120px;background: url("product-title.png") no-repeat center;}
.product .product-m .hd .bottom{height: 335px;background-color: #f7f7f7;padding-top: 30px;}
.product .product-m .hd .bottom ul li{height: 32px;line-height: 32px;font-size: 16px;margin-top: 2px;cursor: pointer;}
.product .product-m .hd .bottom ul li span{display: block;width:194px;height:100%;font-size: 16px;padding-left:40px;margin-left: 10px;}
.product .product-m .hd .bottom ul li a{display: block;width:194px;height:100%;font-size: 16px;padding-left:40px;margin-left: 10px;}
.product .product-m .hd .bottom ul li span:hover{background: url("menuHover.png") no-repeat;color: #fff;
    }

.product .product-m .hd .bottom ul li.on span{background: url("menuHover.png") no-repeat;color: #fff;}

.product .product-m .bd{width: 192px;height: 100%;float: left;}
.product .product-m .bd{width: 1004px;height: 100%;}
.product .product-m .bd ul li .pic{width: 301px;height: 228px;float: left;margin-bottom: 30px;margin-left: 33px;}
.product .product-m .bd ul li .pic a{width: 100%;height: 100%;display: block;position: relative;}
.product .product-m .bd ul li a img{position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;max-height: 100%;max-width: 100%;}


/*鑽ｈ獕璧勮川*/





/*閫夋嫨鎴戜滑*/
.TchHoose-title{background: url("tchooseWe.png") no-repeat center;max-width: 1920px;width:100%;height: 143px;margin: 0 auto;margin-top: 40px;}
.TchHoose{width: 100%;margin-top: 36px;}
.TchHoose .TchHoose-show{width: 1200px;margin: 0 auto;height: 698px;}
.TchHoose-content{float: left;width: 600px;height: 349px;}
.TchHoose-content:nth-child(1){background: url("x04.png")no-repeat;background-position: 200px 185px;}
.TchHoose-content:nth-child(1) .TchHooseRight,.TchHoose-content:nth-child(3) .TchHooseRight{padding-top: 100px;}
.TchHoose-content:nth-child(2){background: url("x03.png")no-repeat;background-position: 80px 210px;}
.TchHoose-content:nth-child(2) ul,.TchHoose-content:nth-child(2) .TchHooseRight-title{margin-left: 74px;}
.TchHoose-content:nth-child(2) .TchHooseRight{margin-top: 120px;}
.TchHoose-content:nth-child(3){background: url("x02.png")no-repeat;background-position: 238px 80px;}
.TchHoose-content:nth-child(4){background: url("x01.png")no-repeat;background-position: 300px 135px;}
.TchHoose-content:nth-child(4) .TchHooseRight{padding-top: 50px;}
.TchHoose .TchHoose-show .TchHooseLeft{width: 257px;height: 257px;text-align: center;}
.TchHoose .TchHoose-show .TchHooseLeft .pic{width: 257px;height: 257px;position: relative;}
.TchHoose .TchHoose-show .TchHooseLeft .pic img{position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;max-height: 100%;max-width: 100%;}
.TchHooseLeft .title{font-size: 16px;line-height: 40px;font-weight: bold;color: #333333;}
.TchHooseRight{font-size: 14px;}
.TchHooseRight .title{line-height: 35px;}
.TchHooseRight p{color: #9c9b9b;font-size: 12px;}
.TchHoose .TchHoose-show .TchHooseRight{width: 323px;padding-left: 20px;}
.TchHoose .TchHoose-show .TchHooseRight ul{counter-reset: count;margin-top: 18px;}
.TchHoose .TchHoose-show .TchHooseRight ul li{}
.TchHoose .TchHoose-show .TchHooseRight ul li{background:url("list.png") no-repeat;background-position: 0px 12px;padding-left: 10px;line-height: 25px;}

/*鍏充簬鎴戜滑*/
.about{width: 100%;height: 442px;}
.about .about-m{width: 1200px;height: 100%;margin: 0 auto;box-shadow: 2px 2px 5px 3px #e1e1e1;
}
.about .about-m .about-left{float: left;width: 321px;height:382px;background: url("aboutbj.png") no-repeat;margin-top: 30px;position: relative;margin-left: 20px;}
.about-left i{display: block;width: 255px;height: 187px;position: absolute;bottom: 40px;left: 32px;}
.about .about-m .about-left img{display: block;max-width: 100%;height: 100%;}
.about .about-m .about-text{float: left;width: 390px;height: 382px;margin-left: 30px;margin-top: 30px;font-size: 14px;
    color: #8c8c8c;
    line-height: 30px;}
.about .about-m .about-text a{display: block;width: 193px;height: 50px;    margin-top: 50px; border: 1px solid #cecece;border-radius: 50px;text-align: center; background: url("jiantou-m.png") no-repeat center;}
.about .about-m .about-text a:hover{border: 1px solid #d8b672;background: url("jiantou.png") no-repeat center #d8b672;}
.about .about-m .about-text .title{font-size: 16px;font-weight: bold;line-height: 70px;    color: #333333;}
.about .about-m .about-text p{font-size: 14px;color: #8c8c8c;line-height: 30px;}
.about-right{float: right;width: 400px;height: 382px;margin-top: 30px;}
.about-right ul li{float: left;margin-left:30px;width: 150px;height: 166px;position: relative;border: 5px solid #e4e4e4;}
.about-right ul li:nth-child(3),.about-right ul li:nth-child(4){margin-top:30px; }
.about-right ul li img{position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;max-height: 100%;max-width: 100%;}
.about-right ul li a{display: blockl;width: 100%;height: 100%;}
.about-right ul li:hover{border: 5px solid #d8b672;}
footer{width: 100%;background-color: #242424;height: 162px;}
/*搴曢儴*/
footer .foot{width: 1200px;margin: 0 auto;color: #dedede;}
footer .foot .foot-left{float: left;margin-top: 20px;width: 80%;height: 100%;height: 80px;}
footer .foot .foot-address a{color: #dedede;}
.foot-left ul{height: 50px;}
.foot-left ul li{float: left;padding: 0 20px;height:50px;line-height:50px;color: #dedede;font-size: 14px;background: url("x05.png") no-repeat 0 20px;}
.foot-left ul li:nth-child(1){background: none;padding: 0;margin-right: 18px;}
.foot-left ul li a{display: block;color: #dedede;}
.foot-left ul li a:hover{color: #d8b672;}
footer .foot .foot-left p{font-size: 14px;line-height: 30px;}
.foot-right{float: right;margin-top: 35px;width: 75px;height: 100%;}
.foot-right .text{text-align: center;line-height: 30px;}
.foot-right .pic{width: 75px;height: 75px;}

/*鑱旂郴鎴戜滑*/
/*鍏叡banner*/
.banner_n{position: relative;max-width: 1920px;height: 256px;margin: 0 auto;}
.banner_n img{position: absolute;top:0;left:50%;margin-left: -960px;}
/*鏂伴椈涓績*/
/*渚ф爮*/
.news{width: 100%;background-color: #f7f7f7;padding-bottom: 30px;}
.news .news-m{width: 1200px;height: 100%;margin: 0 auto;}
.left{width: 250px;height: 100%;float: left;position: relative;}
.news .news-m .left .top-n{width: 100%;height: 120px;position: absolute;top: -120px;bottom: 0px;left: 0;right: 0;background: url("clbj.png") no-repeat center;}
.news .news-m .left .top-n .title{color: #fff;font-size: 20px;font-weight: bold;position: absolute;top: 33px;right: 10px;}
.news .news-m .left .top-n .engtitle{color: #fff;font-size: 12px;font-family: "Aldine401BT-BoldA";position: absolute;top: 68px;left: 10px;}
.news .news-m .left .toptop-n img{max-width: 100%;max-height: 100%;display: block;}
.news .news-m .left .nav{padding-top: 20px;background-color: #fff;}
.news .news-m .left .nav ul li{height: 32px;line-height: 32px;font-size: 16px;margin-top: 2px;}
.news .news-m .left .nav ul li a{display: block;width:254px;height:100%;font-size: 16px;padding-left:40px;margin-left: 10px;}
.news .news-m .left .nav ul li a:hover{background: url("hoverbj.png") no-repeat;color: #fff;
}


.news .news-m .left .nav ul li a.on{background: url("hoverbj.png") no-repeat;color: #fff;}
.news .news-m .about-side{width: 100%;height: 329px;background-color: #fff;margin-top: 20px;}
.news .news-m .about-side .about-title{width: 100%;height: 60px;font-size: 18px;color: #fff;background-color: #d8b672;text-align: center;line-height: 60px;}
.news .news-m .about-side .pic{width: 205px;height: 78px;border: 5px solid #dedede;margin: 0 auto;margin-top: 20px;position: relative;}
.news .news-m .about-side .pic img{display:block;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;max-height: 100%;max-width: 100%;}
.news .news-m .about-side .text{width: 205px;margin: 0 auto;font-size: 14px;}
.news .news-m .about-side .text p{width: 100%;height: 30px;line-height: 30px;}
.news .news-m .about-side .text p em{display: block;float:left;margin-right: 20px;width: 18px;height: 20px;}
.news .news-m .about-side .text p span{display: block;float:left;width: 167px;}
.news .news-m .about-side .text p:nth-child(3) span{margin-left: 40px;}
.news .news-m .about-side .text p:nth-child(4){height: 70px;}
/*鏂伴椈鍐呭*/
.news .news-m .right{width: 900px;float: left;margin-left: 50px;}
.nav-position{width: 100%;height: 52px;text-align: right;line-height: 52px;color: #727272;font-size: 14px;}
.nav-position a{color: #727272;}
.nav-position a:last-child{color: #d8b672;}
.news-box .new-content{width: 840px;height: 136px;border-bottom: 1px dashed #dedede;background-color: #fff;margin: 0 auto;padding-top: 30px;}
.news-box .new-content a{display:block;}
.news-box .new-content .time{width: 140px;height: 100%;text-align: center;float: left;font-size: 16px;font-weight: bold;color: #ced0d1;font-family: '鏂规鍏颁涵绮楅粦_GBK';}
.news-box .new-content .text{float: left;width: 700px;height: 100%;}
.news-box .new-content .text .title{font-weight: bold;font-size: 16px;color: #474747;}
.news-box .new-content .text .content{font-size: 14px;color: #7b7b7b;line-height: 30px;margin-top: 20px;}
.news-box{width: 100%;background-color: #fff;}
.news-box .new-content a:hover .time,.news-box .new-content a:hover .title{color: #d8b672;}
/*浜у搧鍥剧墖灞曠ず*/
.right .product-pic{padding-top: 20px;background: #fff;padding-left: 15px;}
.right .product-pic ul li{width: 260px;height: 228px;position: relative;float: left;margin-left: 15px;margin-right: 15px;}
.right .product-pic ul li img{display:block;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;max-height: 100%;max-width: 100%;}
/*鑽ｈ獕璧勮川*/
.right .honor-pic{padding-top: 20px;background: #fff;min-height: 500px;padding-left: 10px;padding-right: 10px;}
.right .honor-pic ul li{float: left;width: 200px;height: 200px;border: 1px solid #e4e4e4;margin: 10px 9px;position: relative;}
.right .honor-pic ul li:hover{border: 1px solid #d8b672;}
.right .honor-pic ul li a{display: block;width: 100%;height: 100%;}
.right .honor-pic ul li:nth-child(4),.right .honor-pic ul li:nth-child(8),.right .honor-pic ul li:nth-child(12),.right .honor-pic ul li:nth-child(16),.right .honor-pic ul li:nth-child(20){margin-right: 0;}
.right .honor-pic ul li .pic{width: 150px;height: 166px;margin: 0 auto;}
.right .honor-pic ul li img{display:block;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;max-height: 100%;max-width: 100%;}

/*鍒嗛〉*/

.pageClass {
    text-align: center;
    font-size: 14px;
    padding-top: 70px;
    padding-bottom: 50px;
    clear: both;
}
.pageClass span {
    padding: 10px 15px;
    display: inline-block;
    margin-left: 5px;
    font-size: 14px;
    background-color:#fff;
    color: #666666;border: 1px solid #e3e3e3;
}
.pageClass strong span{
    color: #fff;
    background-color: #d8b672;
    border: 1px solid #d8b672;

}
.pageClass .next span{color: #666666;background-color: #fff;}


/*鍐呭椤�*/
.content{margin:10px 0 30px;overflow: hidden;background-color: #ffffff;padding-bottom: 20px;}
.content .article_title {
    margin:30px 20px 10px;
    text-align: center;
    border-bottom:1px solid #eeeeee;
    padding-bottom:40px;
}
.content .article_title h3 {
    font-size: 20px;
    color:#333333;
}
.content .article_title .author {
    font-size: 13px;
    color: #c6c5c6;
    margin-top: 10px;
}
.content .article_con{
    padding: 25px 20px 0;
    font-size: 14px;
    color: #333;
    text-align: justify;
    line-height: 33px;
    min-height: 400px;
}
.content .article_con table{margin:auto;}
.content .article_con img{max-width: 100%;display: inline-block;height: auto !important;}
.content .up,.content .down {
    font-size: 14px;
    text-align: left;
    color: #333333;
    font-weight: bold;
    margin:10px 20px 0;
}
.content .up a,.content .down a {
    color: #777777;
    font-weight: normal;
}
.content .up a,.content .down a,.content .up span,.content .down span{font-size: 14px;}
.content .up a:hover,.content .down a:hover{color:#137fc9;}
.content .up{border-top:1px solid #eeeeee;padding-top: 20px;}

/*琛ㄥ崟*/



.message{position: relative;width: 900px;margin: auto;padding-top:40px;background: #fff;}
.message .layui-form tr{    display: block;
    margin-bottom: 10px;
    height: 40px;}
.message .layui-form td{display: block;float: left;}
.message .layui-form td .ck{display: inline-block;font-size: 12px;line-height: 30px;}
.message .layui-form td .ck input{margin: 0 10px;}
.message .layui-input, .layui-textarea {
    width: 100%;
    padding-left: 10px;
    width: 212px;
}
.message .layui-textarea {
    height: 200px;
    width: 400px;
}
.message .layui-form .tableft {
    font-size: 14px;
    color: #585858;
    width: 136px;
    text-align: right;
    line-height: 30px;
}
.message .layui-input.code {
    width: 172px;
    height: 32px;
}
.message img.validateCode {
    width: 71px;
    height: 31.94px;
    margin-top: -3px;
}
.message input.layui-btn {
     
    width: 120px;
    height: 40px;
    line-height: 20px;
    font-size: 16px;
    color: #ffffff;
    border: none;
    background: url(btn.jpg) no-repeat;
    cursor: pointer;
    margin-top: 30px;
  
    margin-bottom: 30px;
    margin-left: 240px;
}
.message table tr:nth-child(5) .box{height: 54px;line-height: 54px;font-size: 14px;background-color: #fff;}
.message table{margin: auto;}
.message table tr:nth-child(5) .box div{margin-left: 20px;}
.message table tr:nth-child(7) .box{background-color: #fff;}
.message .layui-form .left_width{font-size: 14px;color:#585858;width:136px;text-align: right;line-height: 30px;}
.message .layui-form tr:nth-child(8) .left_width{line-height: 61px;}
.message .layui-form .tag_select{width:212px;height: 30px;border:1px solid #e2e2e2;font-size: 14px;background: none;}
.message .layui-form .tag_select option{font-size: 14px;}
.message .layui-form .input{border:1px solid #e2e2e2;height: 30px;background:none;width:200px!important;padding-left:10px;}
.message .layui-form .textarea{border:1px solid #e2e2e2;height: 200px!important;width: 400px!important;background: none;}
.message .layui-form .box div{float: left;}
.message .layui-form .box div input{margin-right: 10px;}
.message .layui-form .box #txtcode{width:160px!important;}
.message .layui-form .box img{height: 31px!important;}
.layui-box.layui-laypage.layui-laypage-default {
    text-align: center;
    width: 100%;
    margin-top: 30px;
    padding-bottom: 30px;
}
.product-pic .layui-laypage-default .layui-laypage-em {
    background-color: #d8b672;
}
.news-box .layui-laypage-default .layui-laypage-em {
    background-color: #d8b672;
}
.news-box  .layui-laypage a:hover {
    color: #d8b672;
}
.product-pic .layui-laypage a:hover {
    color: #d8b672;
}